Сегодня потенциальные клиенты всё чаще просматривают сайты с помощью смартфонов, что позволяет издателям более активно взаимодействовать с ними. Поэтому создание сайта, адаптированного для разных типов устройств, позволяет расширить аудиторию и повысить доход в долгосрочной перспективе.
Почему нужно адаптировать веб-страницы для различных устройств
Узнайте, как рост числа мобильных пользователей отражается на вашем трафике:
- Сколько баллов получил ваш сайт? Оценка 85 или выше свидетельствует о высокой эффективности.
- О том, как интерпретировать полученные результаты и что нужно предпринять, читайте в этой статье.
- не содержит элементов, которые не поддерживаются мобильными устройствами – например, Flash-анимации;
- текст хорошо видно без увеличения масштаба;
- содержимое страницы помещается на одном экране, и его легко прочитать без горизонтальной прокрутки и увеличения масштаба;
- элементы навигации находятся на достаточном расстоянии друг от друга, чтобы у пользователя не возникало проблем с нажатием.
Подробнее о том, как Google обрабатывает оптимизированные сайты, читайте в нашем блоге.
- Нажмите "Мобильные устройства" на панели "Прирост трафика", чтобы узнать, с каких устройств пользователи заходят на вашу страницу и каковы показатели отказов в каждой из категорий.
- Нажмите "Взаимодействие на различных устройствах" в разделе "Взаимодействие и лояльность", чтобы узнать, сколько времени пользователи разных устройств проводят на странице (то есть среднюю продолжительность сеанса).
Основные методики создания сайтов, адаптированных для разных типов устройств
Есть три способа адаптации сайта для разных типов устройств:
- Адаптивный веб-дизайн: методика веб-дизайна, при которой используется единый код HTML для всех платформ.
- Динамический показ: веб-сервер определяет тип устройства пользователя и показывает соответствующую веб-страницу.
- Отдельный сайт для мобильных устройств: создается специальная версия, которая отличается от сайта для компьютеров.
Руководства для начинающих
Ниже приведен список ресурсов, которые помогут вам сделать сайт максимально удобным для мобильных пользователей.
- Основы веб-дизайна
Руководство Основы веб-дизайна – это полезный информационный ресурс по разработке сайтов для разных типов устройств, содержащий подробное пошаговое руководство.
- Создание веб-сайтов для разных типов устройств
В этом руководстве описываются наиболее популярные методы разработки качественных сайтов, адаптированных для разных типов устройств, и приводятся рекомендации о том, как избежать типичных ошибок. Download
- Руководство Google Developers по оптимизации сайтов для мобильных устройств
Инструкции по созданию сайта на основе системы управления контентом (CMS) приведены в разделе Настройка программного обеспечения сайта. Также в разделе "Начало работы" этого руководства вы сможете быстро выбрать подходящие решения.
